<template>
    <el-button type="primary" @click="openDialog">预约</el-button>
     <Dialog
    ref="dialog"
    v-show="dialogVisible"
    @closeDialog="closeDialog"
  ></Dialog>
</template>

<script setup>
import { ref } from 'vue'
import Dialog from './Dialog.vue'
const dialogVisible = ref(false);
const openDialog = () => {
  dialogVisible.value = true;
};

const closeDialog = () => {
    dialogVisible.value = false;
};


</script>

<style>
</style>